<#import "themes/${theme}/macro/frontCurrentPosition.ftl" as frontCurrentPosition />
<!DOCTYPE html>
<html>
    <head>
        <title>${getSite(siteId).name}-${curColumn.name}</title>

		<meta name="description" content="${curColumn.description}" />
		<meta name="keywords" content="${curColumn.keywords}" />
    </head>
    <body>
		<!-- 导航 -->
        <@frontCurrentPosition.content curColumn />

        <!-- 列表 -->
        <div class="common-container">
	        <div class="container">
	        	<div class="row">
	            	<div class="common-masonry">
	            		<div class="common-box">
							<#list  page.list as contents>
								<#if contents_index%6 == 0>
									<div class="col-sm-12">
										<div class="main-timeline">
								</#if>
								<div class="col-md-2 col-sm-6 timeline wow ${(contents_index%2 == 0 )? then('fadeInDown','fadeInUp')}">
									<div class="timeline-icon"><i class="${contents.image}"></i></div>
									<span class="year">${contents.keywords}</span>
									<div class="timeline-content">
										<div class="post">[${contents_index+1}]${contents.title}</div>
										<p class="description">${contents.description}</p>
									</div>
								</div>
								<#if contents_index%2 == 5>
										</div>
	                				</div>
								</#if>
							</#list>
		                </div>
	                </div>
	        	</div>
	        </div>
        </div>

    </body>
</html>
